/* 流式布局，内容左对齐 */
.float-left {
  /* #ifndef APP-PLUS-NVUE */
  float: left;
  /* #endif */
}

/* 流式布局，内容右对齐 */
.float-right {
  /* #ifndef APP-PLUS-NVUE */
  float: right;
  /* #endif */
}

/* 子元素居中展示，通常用于设置文本位置 */
.text-center {
  text-align: center;
}

/* 文本左对齐，通常用于设置文本位置 */
.text-left {
  text-align: left;
}

/* 文本右对齐，通常用于设置文本位置 */
.text-right {
  text-align: right;
}

/* 鼠标悬停时展示手指图标，表示当前元素可点击 */
.cursor-pointer {
  /* #ifndef APP-PLUS-NVUE */
  cursor: pointer;
  /* #endif */
}

/* 不展示元素 */
.hide-item {
  /* #ifndef APP-PLUS-NVUE */
  display: none;
  /* #endif */
}

/* 隐藏元素，但是元素还继续占位 */
.hidden-item {
  /* #ifndef APP-PLUS-NVUE */
  visibility: hidden;
  /* #endif */
}

/* 元素宽度100% */
.full-width {
  width: 100%;
}

/* 元素高度100% */
.full-height {
  height: 100%;
}

/* 设置元素所有内边距为0 */
.no-padding {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* 设置元素所有外边距为0 */
.no-margin {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

/* 子元素纵向顺序排列 */
.flex-column {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
}

/* 子元素纵向均匀排列 */
.flex-column-evenly {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  justify-content: space-evenly;
  /* #endif */
  flex-direction: column;
}

/* 子元素下对齐排列 */
.flex-bottom {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  justify-content: flex-end;
}

/* 子元素上对齐排列 */
.flex-top {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  justify-content: flex-start;
}

/* 子元素横向顺序排列 */
.flex-row {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
}

/* 子元素横向均匀排列 */
.flex-row-between {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  justify-content: space-between;
}

/* 子元素右对齐排列 */
.flex-right {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  justify-content: flex-end;
}

/* 子元素左对齐排列 */
.flex-left {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  justify-content: flex-start;
}

/* 垂直顶部对齐 */
.column-top {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  align-items: flex-start;
}

/* 垂直居中 */
.column-center {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  align-items: center;
}

/* 垂直底部对齐 */
.column-bottom {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  align-items: flex-end;
}

/* 横向居中 */
.flex-center {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  justify-content: center;
}

/* 弹性盒子布局，超出宽度后自动换行 */
.flex-wrap {
  flex-wrap: wrap;
}

/* 父元素弹性盒子布局，子元素自动大小 */
.flex-auto {
  flex: 1;
}

/* 文本超出展示长度后展示省略号 */
.text-ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  /* #ifndef APP-PLUS-NVUE */
  white-space: nowrap;
  /* #endif */
}

/* 强制设置文本不换行 */
.text-nowrap {
  /* #ifndef APP-PLUS-NVUE */
  white-space: nowrap;
  /* #endif */
}

/* 不允许容器滚动 */
.no-overflow {
  overflow: hidden;
}

/* 容器纵向自动滚动 */
.overflow-y {
  overflow-y: auto;
}

/* 容器横向自动滚动 */
.overflow-x {
  overflow-x: auto;
}

/* 字体加粗 */
.bold-font {
  font-weight: bold;
}
